<template>
    <div id="member-center">
        <van-cell-group>
            <van-cell title="头像" center is-link>
                <van-image
                        round
                        width="5rem"
                        height="5rem"
                        src="https://img.yzcdn.cn/vant/cat.jpeg"
                />
            </van-cell>
            <van-cell title="我的二维码"  is-link>
                <img :src="er" id="er">
            </van-cell>
        </van-cell-group>
        <br/>
        <van-cell-group title="基础资料">
            <van-cell title="名字" value="内容"  is-link/>
            <van-cell title="性别" value="内容" is-link/>
            <van-cell title="生日" value="内容" label="可修改一次" is-link/>
        </van-cell-group>
        <br/>
        <van-cell-group title="其他资料">
            <van-cell title="手机号" value="内容" is-link/>
            <van-cell title="邮箱" value="内容" is-link/>
            <van-cell title="所在城市" value="内容" is-link/>
            <van-cell title="我的地址" value="内容" is-link/>
        </van-cell-group>
        <br>
        <van-cell-group>
            <van-cell title="入会时间" value="2020-08-14"/>
        </van-cell-group>
    </div>
</template>

<script>
    import {Cell, CellGroup, Image} from "vant";
    import er from "../../assets/er.svg";
    export default {
        name: "MemberCenter",
        components: {
            "van-cell-group": CellGroup,
            "van-cell": Cell,
            "van-image": Image
        },
        data(){
            return{
                er
            }
        }
    }
</script>

<style scoped>

    #member-center {
        margin-top: 60px;
    }
    #er{
        width: 20px;
    }
</style>
